<!DOCTYPE html>
<html>
<head>
    <title>hello world</title>
	<link href="http://fonts.useso.com/css?family=Droid+Serif:400,700,400italic,700italic" rel='stylesheet'>
	<style type="text/css">
		body {
			background-color: rgb(85, 170, 173);
		}
		h1 {
			width: 800px;
			font-size: 60px;
			line-height: 60px;
			display: block;
			margin: 320px auto;
			font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
		    text-align: center;
		    color: #fff;
		}
		.forkme {
			transform:rotate(45deg);
			height: 40px;
			width: 650px;
			text-align: center;
			background-color: rgb(250, 227, 113);
			position: absolute;
			right: -205px;
			top: 95px;
			z-index: 5px;
			font-size: 24px;
			line-height: 40px;
			cursor: pointer;
			moz-user-select: -moz-none;
			-moz-user-select: none;
			-o-user-select:none;
			-khtml-user-select:none;
			-webkit-user-select:none;
			-ms-user-select:none;
			user-select:none;
		}
		.forkme a {
			text-decoration:none;
			color: rgb(98, 65, 24);
		}
	</style>
</head>
<body>
<h1>nwc: hello world!</h1>
<div class="forkme"><a href="https://git.oschina.net/cnjack/wechat">FORK ME IN OSCHINA</a></div>
</body>
</html>